<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字立起来</title>
    <style>
        body{
            background-color: rgb(117, 118, 119);
        }
        h1{
            font-size: 120px;
            font-weight: 700;
            font-family: 'Montserrat';
            text-align: center;
            color: #f8f4f4;
            
        }
        h1::before {
            content: 'SHADOW' ; 
            position:absolute;
            color: #000;
            transform: translate(-50px,21px) scaleY(0.5) skew(50deg);
            z-index: -1;
            filter: blur(5px);
            -webkit-mask-image: linear-gradient(transparent, #000);
        }
    </style>
</head>

<body>
    <h1>SHADOW</h1>
</body>

</html>